<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>ajax跨域问题</title>
</head>
<body>
<button>发送请求</button>
<script src="ajaxEncapsulation.js"></script>
<script>

/*
	同源政策目的：
		只有一个服务器上的文件才能互相交互
		多个服务器之间的文件禁止互相交互
	
	使用script标签引入文件的方式，来规避同源政策，实现跨域访问
 */

	document.querySelector('button').onclick = function(){
		//因为浏览器同源政策，跨域访问必然会出问题
		// window.frankAjax({
		// 	type:'get',
		// 	url:'acrossDomin.php',
		// 	success:function(res){
		// 		console.log(res);
		// 	}
		// });
		
		//相当于在页面中创建一个script标签，并通过script标签【引入php文件】 引入框架 JSONP原理
		var script = document.createElement('script');
		script.src = 'http://127.0.0.1/demo/jQueryAjax/fengzhuangAjax/acrossDomin.php?callback=func';
		document.body.appendChild(script);
	};

	function func(res){
		console.log(res);
	}

</script>
</body>
</html>